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Descripcion de los modulos 




Conociendo la informatica 



El presente modulo inicia con una revision 
de las partes de la computadora 
aprendidas en grados previos. En el, los 
estudiantes reconoceran los componentes 
externos mas importantes. 

Asimismo, se profundizara en el 
conocimiento de los componentes internos 
de la computadora y se identificaran las 
caractensticas y funcionalidades de ciertos 
componentes fundamentals tales como el 
procesador y el disco duro. 
Al finalizar el modulo, se aplicara lo 
aprendido a traves de un mini proyecto. 





Usando la computadora 



A traves del segundo modulo, los 
ninos recordaran lo aprendido en los 
grados anteriores acerca del lenguaje 
MSW Logo, asi como podran realizar 
nuevos proyectos con ayuda del 
programa en mencion. 

A partir de ciertos comandos del 
programa, el alumno podra realizar 
figuras y textos, reforzando 
conceptos logico-matematicos de una 
manera entretenida y ludica. 
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La computadora en el arte 



El uso de los comandos y herramientas 
basicas del programa Scratch, que fueron 
estudiados en los grados anteriores, son 
profundizados en este modulo a partir del uso 
de otras herramientas alternativas. 

De este modo, se refuerzan y aplican las 
habilidades y conocimientos adquiridos en la 
elaboracion de un proyecto educativo. 




Comunicandome mediante la 
computadora 



Al finalizar el presente texto, en el cuarto 
modulo el estudiante lograra el aprendizaje 
de procedimientos complementarios a traves 
de la busqueda de informacion en internet. 

Entre algunos procedimientos que podra 
adquirir se encontraran el de descargar 
archivos e imagenes, asimismo podra utilizar 
el programa compresor Winzip, para grabar 
archivos extensos, y el programa Picnik para 
editar fotos. 
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MODULO =, 



1 



Conociendo la 
informatica 



Objetivos: 

♦ Identificar como esta 
compuesta la computadora. 

> Reconocer las partes 
externas e internas de la 
computadora. 

> Conocer los componentes 
basicos que se encuentran 
dentro del case. 
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I . 



1.1. Introduction al hardware de 
la computadora 




Una computadora es un dispositivo electronico, 
utilizado para el procesamiento de datos y esta 
compuesto por dos elementos basicos: hardware y 
software. 



10 
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Jna computadora esta compuesta por 
componentes internos y externos que permite 
su funcionamiento adecuado. 



> Observa atentamente las siguientes imageries: 









> Ahora, con el apoyo de un companero, recuerda sus nombres. 
]► Encierra con color rojo las partes externas que encuentres y con 

color azul las partes internas. 
I Finalmente, coloca sus nombres en el siguiente recuadro: 



Partes externas 


Partes internas 
















Todos los elementos internos de la computadora 
se encuentran dentro del case. 
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> Recorta y pega imageries de una computadora de escritorio y 



una laptop. 
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1.2. Partes externas de la computadora 



Una computadora esta compuesta, principalmente, por el 
CPU y por dispositivos externos, tales como monitor, 
teclado, mouse, parlantes, etc. A estos dispositivos se les 
conoce como perifericos. 



Averigua las caractensticas de cada uno de los dispositivos 
externos y escnbelas brevemente en el recuadro que se encuentra al 
costado de cada figura. 




Existen diferentes tipos de monitores, entre ellos tenemos el monitor 
CRT, la pantalla LCD y la pantalla plasma. Investiga cual es la 
caractenstica mas importante de cada uno de ellos y descnbela en las 
Imeas en bianco. 
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• Monitor CRT: 



• Pantalla LCD: 



• Pantalla plasma: 



Identifica y senala el tipo de monitor que tiene la computadora de 
escritorio o PC de tu casa o del laboratorio de tu colegio. 




<LRecuerdas que puede haber dentro del case? Conversa con tus 
companeros y luego anotalo. 
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El teclado de una computadora divide sus teclas en cuatro secciones. 
Observa cada una de ellas. 




/ Teclado numeric o 

Teclado alfanumerico 
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Relaciona los siguientes botones del teclado con el tipo al que 
pertenecen: 



c ^ 
F5 




Print 

Screen 
SysRq 



f f ^ 

Num 
Lock 



Tecla de edicion 



Tecla alfanumerica 



Tecla numerica 



Tecla de funcion 



Existen diferentes tipos de teclados. 

A continuacion, te presentaremos algunas caractensticas de cada uno 
de ellos: 



Teclado inalambrico 

Se divide en cuatro partes: teclado numerico, 
alfanumerico, de direccion y de funcion. 
Se caracteriza porque la comunicacion entre la 
computadora y el periferico se realiza a traves 

\ . . / 




r 



Teclado multimedia 

Anade teclas especiales que permiten acceder, 
a modo de acceso directo, a algunos 



programas y aplicaciones de la computadora. 
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Teclado ergonomico 

Las teclas tienen una organizacion distinta a la 
comun y fue disenado para dar una mayor 
comodidad al usuario porque le permite tener 



una posicion mas relajada de los brazos y 



V 




Despues de leer algunos de los tipos de teclado que existen, 
responde a la siguiente pregunta: 




dQue tipo de teclado prefieres y por que? 
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dSabias que existen diferentes tipos de mouse? 

Entre ellos, tenemos el mouse optico y el mouse inalambrico. 
Recuerda con tus companeros las caractensticas de cada tipo de 
mouse y comparalos. 
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Tambien podemos encontrar diferentes tipos de impresoras y entre 
los mas importantes se encuentran los siguientes: 




Impresora matricial 



j 



Impresora a 
inyeccion de tinta 



Su funcionamiento es similar al de una 
maquina de escribir, presionando una 
cinta de tinta sobre el papel. 
Si bien estas impresoras suelen durar 
largo tiempo, a lo largo del mismo van 
perdiendo eficacia en el producto final. 



Este tipo de impresoras son las mas 
populares actualmente, debido a su 
capacidad de impresion, a la calidad de la 
misma y al bajo costo que ello implica. 
Si estas impresoras no son utilizadas por 
unos meses, los cabezales se desgastaran 
y terminaran siendo inservibles. 





Los perifericos son dispositivos por los que, la 
computadora, puede realizar actividades 
relacionadas al mundo exterior. 
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Lee las siguientes definiciones de perifericos, identificalos, escribe su 
nombre y dibujalos en el recuadro respective-: 

^ ^ ^ ^ \ 



Son 



los 



dispositivos^ 



utilizados para reproducir los 
sonidos que envia la 
computadora a traves de la 
tarjeta de sonido. Con ellos, 
podemos escuchar musica al 
igual que desde una radio. 



J 



r 



Camara que se encuentra 
conectada a la 

computadora o laptop. 
Se encarga de capturar 
imagenes y enviarlas por 
medio de internet. 




Es un periferico que se 
utiliza para convertir 
imagenes impresas o 
documentos a formato 
digital. 



/ 
/ 
/ 
/ 
/ 
/ 
/ 
/ 
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1.3. Partes internas de la computadora 




1. <LQue componentes se encuentran dentro del case? 



2. Encuentra los siguientes terminos en el pupiletras: 



Case 

Mainboard 
Procesador 
Disco Dum. 
Memoria RAM 
Memoria ROM 
Cables 



M 


A 


I 


N 


B 


0 


A 


R 


D 


I 


0 


R 


E 


E 


R 


A 


W 


T 


F 


0 


I 


K 


6 


0 


M 


N 


M 


S 


S 




I 


N 


S 


U 


E 


D 


0 


S 


A 


O 


D 


E 


F 




c 


H 


N 


A 


R 


N 


M 


V 


R 


L 


W 


U 


0 


P 


E 


S 


I 


G 


R 


T 


R 


I 


A 


G 


D 


M 


R 


E 


A 


X 


E 


y 


E 


S 


A 


C 


U 


A 


I 


C 


R 


W 


M 


A 


I 


R 


G 


R 


R 


U 


C 


0 


A 


F 


D 


O 


K 


E 


O 


H 


O 


T 


O 


R 


M 


C 


A 


B 


L 


E 


S 


6 


N 


M 


I 


P 
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dHas oido hablar de la placa madre o 
tarjeta principal? 






La placa madre 



La placa madre, o tambien 
conocida como mainboard, es la 
tarjeta principal de la computadora 
donde se conectan todos los 



dispositivos como las tarjetas de 



V 



Ahora, conoceremos que partes contiene la placa 
madre. 



Ranuras PCI 



Conector 




SATA 





Zocalo ATX 



Conectores de 
memoria RAM 




Conectores 
de entrada 
y de salida 
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dCual es el elemento principal que se encuentra dentro del case? Investiga 
y describe su utilidad. 



r 



v 



El procesador 



El procesador es el encargado de 

realizar todas las operaciones 

que se le soliciten. 

Por ello es que, en ocasiones, se 

le conoce como el cerebro de la 

comDutadora. 



Investiga y menciona, al menos, tres de las principales empresas 
fabricantes de procesadores que existen actualmente en el mercado. 





IMPORTANTE 



Actualmente, existe en el mercado los procesadores 
multinucleos, los cuales permiten a las computadoras 
trabajar a mayor velocidad como si contaran con mas 
de un procesador. 
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rz. 



El disco duro 



V 



Dispositivo que se caracteriza por 
ser magnetico y por almacenar 

diversos programas y datos que 
contiene la computadora. 

Para medir la capacidad de 

almacenamiento se utilizan los 
gigabytes (Gb). 



j 



Investiga y completa las partes del disco duro: 
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La memoria 



Como ya 
anteriores, 
memoria: 



aprendiste en grados 
existen dos tipos de 



V 



> La memoria RAM 
n!> La memoria ROM 



j 





Memoria ROM 




Es la memoria encargada de 
guardar los datos e 
instrucciones que se estan 
utilizando en la computadora. 
Es decir, guarda la 
informacion temporalmente y 
no necesariamente la 
conserva. 




Es la memoria encargada de 
guardar la informacion, 
almacenarla y recuperarla 
cuando sea necesario. Es la 
memoria que, en caso se 
apague la PC, permite que la 
informacion guardada se 
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Averigua para que sirve la fuente de poder y anota sus principales 
caractensticas en los espacios en bianco. 




La fuente de poder 



Es el dispositivo que provee de 
electricidad a toda la computadora. 
Generalmente, se ubica en la parte 
posterior del case, muy cerca de un 
ventilador para evitar su 

rpr Pi I p n m i p n tn 




I IMPORTANTE 



Algunos de los conectores anexados a la fuente de 
poder que se pueden mencionar son los siguientes: 
conector SATA, conector 4 terminales y ATX. 
Recuerda que estas conexiones tendran que ser 
realizadas con la supervision de un adulto. 
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> Completa los espacios en bianco con los nombres de los 
componentes internos: 




D 



0 



B 



R 



tCual es la diferencia entre hardware y software? 



Actividad 2 



Marca con un aspa (x) la respuesta correcta de cada 
pregunta: 



1. Es un componente interno de la 
computadora: 

a. Disco duro 

b. Teclado 

c. Parlantes 
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2. La placa madre 
conocida como: 

a. Monitor 

b. Fuente de poder 

c. Mainboard 

d. Ninguna es correcta 



tambien es 



3. Es parte externa 
computadora: 

a. Disco duro 

b. Procesador 

c. Mouse 

d. Memoria 



de la 



4. iCuantos tipos de memoria 
existe? 

a. 1 



b. 
c. 
d. 



2 
3 
4 
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:: 2. Completa las nubes de ideas: 



tCuanto aprendi? 




1. Indica si es verdadera o falsa cada una de las siguientes 
afirmaciones: 



La memoria RAM es la que guarda informacion, incluso 
despues de haber apagado la PC. 



La memoria ROM es la que se borra con facilidad, por lo que si 
apagamos la PC, perdemos tal informacion. 



□ 
□ 




El procesador es una parte 
importante de la placa madre, e 
cual nos sirve para... 





Entre los conectores de la 
fuente de poder, tenemos... 
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3. Observa el siguiente grafico y recuerda que elementos conforman 
la placa madre: 




Ahora, completa el siguiente cuadro: 



Numero 

1. 
2. 
3. 
4. 
5. 

6. 



Nombre 



■ 
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4. Investiga que componente(s) de la computadora de los que 
estudiaste en este modulo estanan involucrados en cada uno de los 
siguientes casos: 



Caso Componente 



El puntero del mouse que 
aparece sobre la pantalla no 
se mueve. 



El usuario esta elaborando un 
documento, pero al digitar no 
aparece lo que escribe en la 
pantalla. 

La computadora no enciende. 



Al abrir varios programas a la 
vez, la computadora se 
cuelga. 
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5. Investiga y elabora un presupuesto de los gastos que demandana 
ensamblar tu propia computadora con gran capacidad de 
almacenaje para el funcionamiento de programas de diseno grafico 
y juegos, si decides comprar cada elemento por separado. 
Detalla cada componente, el modelo que has elegido y el precio 
averiguado. 



Componente 


Modelo o 
marca 


Precio 








































Total 






Compara tu presupuesto 
con el de tus companeros y 
comentes las semejanzas y 
diferencias encontradas. 
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Trabajando nuestro proyecto: 



MI DISCO DURO 




Ahora vamos a trabajar 
nuestro proyecto, tomando 
en cuenta todo lo aprendido. 




I. Etapas previas del proyecto 

Hemos visto a lo largo del modulo las partes externas e internas que 
conforman la computadora. Te invito a averiguar mas sobre el disco duro: 
como funciona, que caractensticas tiene, cual es su importancia, que 
partes lo conforman, y sus antecedentes, a traves de una breve lectura 
sobre la historia de las computadoras 

^Crees que el disco duro es importante en la computadora? 



^Que funcion cumple el disco duro en el funcionamiento de la 
computadora? 



II. Desarrollamos el proyecto 



En el presente proyecto, forma grupos de tres personas y preparate para 
elaborar un modelo de disco duro, en el cual se senalen sus partes y 
como funciona en el interior de la computadora. Deberas utilizar tu 
creatividad al maximo. Para ello, puedes utilizar cartones, tecnopor, 
cartulina, papel lustre, etc. 
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Trabajando nuestro proyecto: 



El disco duro que vas a elaborar debera tener un tamano de 
aproximadamente una cartulina escolar, A4. Tienes que consignar las 
principales partes que conforman el disco duro y destacarlas con unos 
pequenos letreros, y sobre todo, deberas conocer como funcionan para 
explicarselo a tus companeros. 

III. Evaluamos el proyecto 

• ^Como te sentiste trabajando en grupo? 



• ^Como te sientes despues de haber compartido y conocido mas 
sobre la historia de las computadoras? ^Te parecio importante la 
informacion que encontraste? 



• ^Crees que hiciste tu mejor esfuerzo? <i,Que aprendiste de este 
proyecto? 
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Anotaciones 



InfoQOQJ 15 




Usando la 
computadora 



Objetivos: 

> Conocer y aplicar funciones que 
permiten repetir una instruction en 
el prog ra ma MSW Logo. 

> Emplear funciones que permitan 
realizar operaciones aritmeticas. 

> Crear procedimientos para 
simplificar las tareas. 

> Guardar e imprimir los trabajos 
realizados en MSW Logo. 
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2.1. Dibujando con funciones Repeat, 
LabelFont y Label del MSW Logo 



Para que nuestro dibujo elaborador en Logo se pueda realizar de 
manera mas rapida y sobre todo facil, necesitamos conocer una 
funcion llamada REPEAT. 



0 




La funcion Repeat consiste en ejecutar las instrucciones tantas 
veces como se le indica en numero. Por ejemplo: 



JEjMSWIoti 


i Screen Wf"lEJ 


1 nmhMntirr 




[ -Inl xi 


Rb Bitmap 


Sftt Zoom Hdp 


REPEAT 3 [ED 100 RT 120] 


J Halt 


Trace 








PBU88 


Status 








Step 


Reset 




>; 








z 




<J J 


d 






J id 


REPEAT 3 [FD 100 RT 120] 


| Execute | EdaJI 




IMPORTANTE 



Este comando usa corchetes [ ]. Dentro de ellos, se 
ingresan las instrucciones que se van a repetir. Como 
puedes observar, las instrucciones FD 100 y RT 120 que 
estan dentro de los corchetes se repiten 3 veces para 
dibujar el triangulo. 
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Realiza el siguiente ejercicio. No olvides 
que debes aplicar la funcion Screencolor 
para aplicar color a la pantalla principal 
Floodcolor para definir el color de relleno 
y Fill para aplicar el color a la figura. 



Para realizar el triangulo, sigue los pasos detallados a continuacion: 




o 



Observa y realiza la siguiente figura: 

-lOlxl 



j£[ MSWLogo Screen 



-iDlxl 

Fte Bitmap Set Zoom Help 

±1 




p$[ Commander 



REPEAT 5 [FD 100 LT 72 -J Hah Trace 
LT 30 
FD 3 FILL 



Pause Status 



Step | Reset 



FD 3 FILL 



Execute | Edall | 



La figura que realizaste es 
un 




IMPORTANTE 



El numero de veces que se repita la figura determina el 
numero de lados que tendra la misma. 
Para aplicar el color de relleno de la figura, la tortuga 
debe apuntar y avanzar unos pasos hacia el interior de la 
figura trazada. 
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> Marca con una x la respuesta correcta: 

❖ <LQue figura forma la siguiente funcion? REPEAT 4 [FD 200 RT 90] 

Rectangulo Triangulo Cuadrado 

❖ iCual de las siguientes funciones es incorrecta? 

REPEAT 5 [FD 100 RT 70] REPEAT [FD 50 RT 120] 

❖ <LLa funcion REPEAT usa parentesis para las instrucciones que se 
van a repetir? 



No 



Si 



Coloca V o F segun correspond; 

❖ La funcion Repeat se usa para dibujar una sola vez. 

❖ La funcion Repeat ejecuta las instrucciones tantas veces como se 
le indica en numero. 

❖ La funcion Screencolor permite dar color a la pantalla principal. 



Escribe 3 funciones que mas utilizas para desplazar a la tortuga en 
pantalla principal 




Marca con un aspa 
hexagono 

REPEAT 5 [FD 100 LT 72] REPEAT 6 [FD 100 LT 72] REPEAT 6 [FD 100 LT 92] 
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El programa Logo tambien permite escribir textos en la pantalla 
principal del programa, para esto debes tener en cuenta las 
siguientes funciones: 



Esta funcion permite escoger: 



a) Tipo de fuente 

b) Estilo de fuente 

c) Tamano de fuente 



Esta funcion presenta en la 
pantalla el texto que se le 
especifique . Para ello debes 
tener en cuenta: 



a) Escribir en la Ifnea de 
comandos la palabra label. 

b) El texto que se visualizara 
en la pantalla en corchetes. 




No debes olvidar que para 
escoger el color del texto 
debes seleccionar 
previamente la funcion 
Pencolor. Todas estas 
funciones las encuentras 
en el menu Set. 




PenColor... 
FloodColor,.. 
ScreenCdor... 
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De acuerdo con las funciones vistas, escribe lo siguiente: 



Empleando la funcion Label y 
Labelfont 

• Escoge el color de la pantalla 
principal Screencolor (puede ser el 
mismo que observas en la imagen). 

• Con la funcion Labelfont debes 
seleccionar el tipo de fuente y 
tamano. (No olvides escoger, antes, 
el color del lapiz Pencolor). 

• Ingresa los comandos que observas 
en la linea de comandos. 

• Finalmente, obtienes el resultado de 
la imagen. 

(^) Empleando las funciones Label y Labelfont, escribe el 
siguiente refran "Mas vale pajaro en mano que ciento 
volando" 



3« MSWLoeo Screen 






Fie Bitmap Set Zoom Help 














■1 


II 




• 

• • 



Ahora completa la informacion: 

• Color que aplicaste para el Screencolor: 

• Tipo de fuente y tamano: 

• Color de lapiz: 

• iQue angulo tiene el texto que escribiste? 



MSWLopo Screen 



I Fie Bitmap Set Zoom Help 




Mr. Commander 



- C X 



RT 90 

LABEL [Para las aejores • 


Halt 


Trace 


Pause 


Status 


< > 


Step 


Reset 


LABEL [Para las aejores nad 


Execute 


EdaJI 
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Relaciona los siguientes bloques 



Screencolor 

% 

Color del 
lapiz 



Floodcolor 



Color de 
relleno 



Label 



Color de 
pantalla 



Labelfont 



Pencolor 



Tipo y tamano Ingresa 
de fuente texto 



loloca V o F segun corresponda: 

❖ La funcion RT 45 indica que la tortuga debe girar 45 pasos a la 
izquierda. 




:ion PU se usa para levantar el lapiz 



La funcion LT156 indica que la tortuga gira 156 pasos a la izquierda. 



Para rellenar la figura de un determinado color se usa la funcion Fil 



Escribe la funcion e instrucciones que te permitan dibujar un 
>entagono como observas en la imagen. 



Brtmap Set Zoom Hefc 
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2.2. Guardar, abrir e imprimir nuestra 
imagen 



Si no guardamos nuestros dibujos en MSW Logo, estos se pierden al 
cerrar el programa. Para evitar esto, existe una manera de guardar y 
recuperar nuestros dibujos desde el mismo programa. 



<LC6mo se guarda un 
dibujo en MSWLogo? 



0 




Guardar y abrir un dibujo en MSWLogo es muy facil, 
solo tienes que seguir los siguientes pasos: 



Guardando un dibujo 



1. Ingresa en el menu Bitmap y 
escoge la opcion Save. 




2. Ingresa el nombre del archivo en 
el recuadro y luego, en Tipo, 
escoge el formato de imagen, 
que puede ser BMP o GIF. En 
este ejemplo, escogeremos BMP. 




3. Finalmente, haz die en el boton 

Guardar " I Guardar || 



Abriendo un dibujo 



1. Ingresa en el menu Bitmap y 
escoge la opcion Load. 




En la ventana Abrir, haz die en 
Tipo y escoge el tipo de archivo 
que abriras, y luego selecciona el 
nombre de este. En este 
ejemplo, escogeremos BMP. 




3. Finalmente, haz die en el boton 
Abrir. 



Abrir 
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Para imprimir nuestro dibujo, 
escogemos la opcion Print del menu 
Bitmap. Luego, en Numero de 
copias debemos especificar el 
numero de veces que se imprimira. 




ogo Screen 



Bitmap 



Set Zoom h 



Para empezar la 
impresion se debe 
presionar el boton 
Aceptar. 




Imprimir 




Innpresora- 
Normbre: 



IBM Graphic 



Estado: Listo 
Tipo: IBM Graphics 

Ubicacion: LPT1: 
Comentario: 



Intervalo de impresion ~ 
(* Todo 

C Paginas de: [T~ 
f Seleccion 



| ^| Propiedades.. 



I Imprimir a un archive 



Copias 



Numero de copias: |[i 




Aceptar Cancelar 





Con MSW Logo se puede imprimir en papel nuestro 
dibujo. 
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Actividad 3 



iloca V o F segun correspond; 

❖ Para imprimir un dibujo en MSWLogo, se elige la opcion Imprimir 
que se encuentra en el menu File. W?5$ 

❖ Para guardar un dibujo en MSWLogo, del menu File se debe elegir 
la opcion Load y, escribir el nombre y seleccionar el tipo de imagen. 



❖ MSWLogo permite guardar dibujos en formato BMP o GIF. ( ) 



j^Relaciona las siguientes afirmaciones 
colocando las letras en los parentesis. 



respuestas, 



a) Esta opcion permite abrir un dibujo que ya existe. ( ) Bitmap 

( ) Load 

c) La opcion que nos permite guardar nuestro dibujo 

se encuentra en este menu. ( ) Numero de copias 

m 
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2.3. Realizando operaciones aritmeticas 



Con el programa Logo no solo podemos dibujar o ingresar texto, 
tambien podemos realizar operaciones aritmeticas. 




CP 



SUMA 



Ingresamos el valor y la 
funcion para especificar a la 
tortuga la direccion de la 
respuesta de la suma. 







RT90 


Fte Bitmap Set 


LABEL 11+ 18 


Zoom Help 








ij 








$[] Commander 


_|n|x 


ET 90 

LABEL 11 + 13 


Halt 


Trace 


Pause 


Status 


Step 


Reset 






LABEL 11 + 13 


| Execute | Edall 



RESTA 



Ingresamos el valor y la 

funcion para especificar a la 

tortuga la direccion de la 
respuesta de la resta. 



RT90 
LABEL 19 



M Commander 



Ffe Bitmap Set 
Zoom Help 



i >r 

-Inlx" 



ET 90 
LABEL 19 






Halt 


Trace 


- 6 




Pause 


Status 






H 


Step 


Reset 












LABEL 19 


- 6 


| Execute 


Edall 
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MULTIPLICACION 



DIVISION 



Ingresamos el valor y la 
funcion para especificar a la 
tortuga la direccion del 
producto de la 

multiplicacion. 



RT 90 

LABEL 9*4 



We B*map Set 
Zoom Help 


I, 


±1 


u j 











-|n| x| 


RT 90 
LABEL 9 * 




A 


Halt 


Trace 


4 


Pause 


Status 






^1 Step 


Reset 








LABEL 9 * 


4 




Execute | 


Edall 



Ingresamos el valor y la 
funcion para especificar a la 
tortuga la direccion del 
cociente de la division. 



RT90 

LABEL 10/3 



z ie Bitmap Set 
Zoom Help 



3333333- 







Ll J 




[SH Commander 






_|n|x 


RT 90 

LABEL 1|0 / 3 




Halt 


Trace 




Pause 


Status 






Step 


Reset 


Lj 






LABEL 10/3 


| Execute | 


Edall 



0 



Realiza los siguientes calculos 

Para realizar las siguientes operaciones, debes escoger color 
para el trazado de la tortuga y elegir el tipo de fuente y tamano 
de la misma. 



RESULTADOS 



❖ 7320 + 23550 

❖ 5830 - 4370 

❖ 3125 x 24 

❖ 15672/ 12 




■ Tambien puedes realizar operaciones combinadas con el 
programa MSW Logo. 
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Realiza las siguientes funciones que representan 
operaciones y escribe en el espacio en bianco su resultado 
respectivo. 
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2.4. Trabajando con procedimientos 

Hasta ahora hemos estado ingresando ordenes o instrucciones en la 
linea de comandos del programa de Logo, pero una vez ejecutadas se 
"pierden" y nuevamente hay que escribirlas. 

Felizmente, existe una manera de guardarlas con un nombre 
determinado de tal manera que cada vez que necesitemos ejecutarlas 
solo tenemos que "llamarlas". A estos conjuntos de instrucciones los 
llamaremos "procedimientos". 



nombre del procedimiento 

Instrucciones primitivas que lo forman 
REPEAT 3 [FD 90 RT 120] 




end 



Sin parametros 





To nombre del procedimiento: Triangulo 

Instrucciones primitivas que lo forman 



REPEAT 3 [FD: Triangulo RT 120] 



end 



Con parametros 
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Los procedimientos se crean 
ingresando a la opcion Edit del 
menu File y, a continuacion, se 
debe proceder a escribir el 
nombre del procedimiento en el 
recuadro de la ventana. 



M MSWLogp Si 



Bitmap Set 



Load... 
Save 
Save As. 



Ed*. . . 



rase. 



1*v 



Pasos para crear 
un procedimiento. 



2 



Edit Procedure I 












ET71IB5 






anillos 






















OK | All 


Cancel 











3 



I Editor 



He Ed* Search Set T«t' 



to ejeaplo 

repeat 3 [fd 100 rt 60] 
end 




■ Antes de salir del editor de procedimientos, debes 
guardar el contenido escogiendo la opcion Save and Exit 
del menu File del mismo editor. 

■ Para ejecutar las instrucciones del procedimiento, solo 
se llama al nombre del procedimiento desde la linea de 
comandos. 

■ Antes de salir del programa Logo, debes guardar el 
procedimiento escogiendo la opcion Save desde el menu 
File del menu principal del programa colocando el 
nombre del mismo. 
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Observa los siguientes ejemplos 



Sin uso de parametros 




1. Ingresa el 
procedimiento, 
anillos. 



nombre 
en este 



del 
caso, 



Edit Procedure 




Ingresa las instrucciones para 
realizar el trazado del anillo. Luego, 
escoge la opcion Save and Exit 
del menu File del editor de 
procedimientos. 



SI Editor 


□0® 


File Edit Search Set 


Test! Help 


to anillos 




REPEAT 360 [FD 1 


RT 1] 


end 





Se realizara un 
procedimiento 
para crear 
anillos. 




3. Desde la linea de comandos 
ingresa las siguientes 
instrucciones llamando al 
procedimiento respective 
Guarda el procedimiento. 

REPEAT 5[anillos RT 80] 



Commander 




- □ X 


REPEAT 5[anillos RT 80] 


Hah 


Trace 




Pause 


Status 




Step 


Reset 


REPEAT 5 [anil los RT 80] 


Execute 


Edall 



Resultado final 



j 
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Uso de parametros 



1. Ingresa el 
procedimiento, 
poligono. 



nombre 
en este 



del 
caso, 



Edit Procedure 




Ingresa las instrucciones para 
realizar el trazado del poligono. 
Luego escoge la opcion Save and 
Exit del menu File del editor de 
procedimientos. 



r 

El Editor 




File Edit Search 


Set Test! Help 


to poligono 


: longitud 


REPEAT 6[FD 


: longitud RT 60 ] 


end 





Ahora 
realizaremos 
el 

procedimiento 
para crear un 
poligono. 



Realiza la siguiente figura 



Ten en cuenta: 

❖ El color del fondo de pantalla debe ser 
celeste. 

❖ El borde de la figura debe ser de color 
rojo y de grosor 3. 

❖ Rellena la figura de color amarillo. 



Desde la linea de comandos 
ingresa las siguientes 
instrucciones llamando al 
procedimiento seguido de un 
valor para el tamano de la 
figura. 



il Commander 



poligono 100 


Halt 


Trace 


Pause 


Status 


Step 


Reset 




poligono 100 


| Execute 


Edall 



Resultado 



final 




IH MSWLogo Screen (T 


mm 


File Bitmap Set Zoom Help 




















< 







Para escoger 
el grosor del 
trazado, 
emplea la 
funcion 
Setpensize. 
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Actividad 5 \ 













Realiza las siguientes figuras empleando un procedimiento. 



M 2MB H* 




y ?Z ZZ ZZZZZZZZA 



Procedimiento 



Lfnea de comandos 



*yyyyyyyyyyy> 



Sin parametros 




Procedimiento 



Lfnea de comandos 







m 



Con parametros 




Procedimiento 



Lfnea de comandos 



Procedimiento 



Lfnea de comandos 
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❖ <LQue funciones se usaron para crear la siguiente figura? 



tCuanto aprendi? 



^ Escribe en el recuadro en bianco la letra de la respuesta correcta 
❖ dCual es la funcion que dibuja la siguiente figura? 



tf MSWl oeo Screen \ 



151 




□ 



a) REPEAT 8[FD 180 RT 1] 

b) REPEAT 180[FD 1 FD 1] 

c) REPEAT 180[FD 1 RT 1] 

d) REPEAT 3[FD 1 RT 180] 



» MSWloRoScr... 0(5)(5<] 




H» If »i S«t Zoom Me*> 




o 






< > 






■ 





□ 



a) SCREENCOLOR, FLOODCOLOR, 
PENCOLOR, PENSIZE, REPEAT 

b) REPEAT, NEW, ERASE, FD, RT, 
FLOODCOLOR 

c) REPEAT 8[FD 100 RT 120] 

d) SCREENCOLOR, REPEAT, FD 



>Ra,aciona ,as siguientes aflrmacionas con sus respectivas opcionas, 
colocando las letras en los parentesis. 



a. Permite escoger el tipo, estilo y tamano de fuente. 

b. Repite un numero de veces las instrucciones, lo que 
facilita trazar nuestro dibujo. 

c. Muestra un texto en la pantalla asi como el resultado 
de operaciones aritmeticas. 

^Coloca V si es verdadero o F si es falso, segun corresponda. 

❖ En el menu Bitmap se encuentran las opciones 
de guardar y abrir un dibujo. 

❖ MSWLogo guarda dibujos en formato JPG y GIF. 

❖ MSWLogo solo permite realizar operaciones aritmeticas. 

❖ La opcion imprimir se encuentra en el menu File. 



( ) LABEL 

( ) LABEL 
FONT 

( ) REPEAT 
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Cuales son los operadores aritmeticos usados por MSWLogo? 



Resuelve las siguientes operaciones aritmeticas: 



r 



LABEL (50-3)*7 



LABEL ((9/3+5)*2)-10 



LABEL (2*7*3)+4 



LABEL (20/4+20)*5-125 



^ Ordena los pasos para crear un procedimiento colocando en los 
parentesis los numeros del 1 al 6, segun corresponda: 



❖ En el editor se ingresan las instrucciones que contendra el 
procedimiento. 

❖ Se ingresa el nombre del procedimiento. 

❖ Se llama al procedimiento haciendo referenda al nombre. 

❖ Se escoge la opcion Save and Exit desde el menu File del 
Editor. 

❖ Se escoge la opcion Edit en el menu File. 

❖ Se escoge la opcion Save del menu File para guardar el 
procedimiento, y luego se especifica un nombre para el 
mismo. 

Coloca V si es verdadero o F si es falso, segun corresponda. 

❖ La opcion Load del menu File permite abrir un 
procedimiento guardado con anterioridad. ( ) 

❖ Para salir del programa MSWLogo se debe escoger la 
opcion Exit del menu File. ( ) 



( ) 
() 
( ) 

( ) 

() 
() 
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MODULO — 1 



3 



La 

computadora 
en el arte 



Objetivos: 

> Identificar la utilidad de los 
botones: Variables, Sensores, 
Operadores y Lapiz en Scratch. 

> Conocer y modificaremos los 
proyectos de juegos que presenta el 
programa. 

♦ Elaborar juegos didacticos, 
haciendo uso de las instrucciones 
correctas. 







1 


D 1 


3i 






2 ' 








3' 


7 J 
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3.1. Elementos del programa Scratch 




Pestanas para 
editar programas 
disf races o 
sonidos 

V. 




mover pasos 
girar t- IH grados 
girar * IH grados 

apuntar en direccion QjQ 
apuntar hacia 

ir a x: Q y: Q 

deslizar en Q segs ax:Qy:Q 

cambiarx por tl'l 
fijar x a O 
cambiary por PTO 
fijar ya Q 

rebotar si esta tocando un borde 

j posicion en x 
L ^ posicion en y 
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Conozcamos mejor las 

herramientas que nos presenta la 
Paleta de bloques. En esta area 
encontramos los ocho botones que 
permiten realizar las 

programaciones animadas. 



11 



Movimiento ■ Apariencia 




Sonido 



Sensores 



eradores 




Variables 



Cada uno de los botones 
presenta un conjunto de 
instrucciones. Veamos la 
funcionalidad de los botones con 
los que no hemos trabajado 
hasta el momento. 



3 
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60 
















1 mover ^Qj pasos 1 




1 girar 


■w C3 grados | 



Esta instruccion fija la cantidad de lados que tiene el 
poligono. 



Esta instruccion fija la longitud del lado del poligono. 



Esta instruccion gira el lapiz de acuerdo al angulo interno 
del poligono. 



<iCual de estas programaciones 
permite tener, en el area de 
trabajo, la siguiente figura? 
Pinta el recuadro 

correspondiente. 
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al presi 



if a x: CT=I y: CBI 
bajar lapiz 
fijar color de lapiz a 
fijar tamano de lapiz a 
repetir Qj 



mover QjQ 
esperar IB 
girar 



PPM pasos 
' fTBfl segundos 
r grados 



ir a x: CT=I y: CBI 
bajar lapiz 
fijar color de lapiz a 
fijar tamano de lapiz a 
repetir (Q 



fffra ps 



girar grados 



Senso 




Este bloque presenta instrucciones que interactuan 
principalmente con el usuario y con los perifericos de entrada, 
mouse y teclado, permitiendo manejar a los objetos a traves 
de ellos. 




Estos son los comandos de 
instrucciones que presenta este 
boton. 





ttocando I? ttocando el color ? icolor tocando ? 



preguntar | 



| y esperar volumen del sonido 



respuesta x del raton V del raton t sonido fuerte? 



i raton presionado? itecla espacio presionada? 



cronometro distan 



alor del sensor deslizador 



reiniciar cronometro tsensor boton presionado activado? 
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Para entender mejor las 
instrucciones de este boton, 
observa la siguiente animacion. 








Lo que hace el 
programa es 
mover el gato 
al presionar las 
teclas 

direccionales y 
al tocar este la 
forma de color 
rojo, elabora 
una pregunta. 
Todo ello se 
observa en la 
programacion. 
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Operadores 




Ayuda 



^ w 



Este bloque presenta instrucciones que permiten comparar 
variables y efectuar operaciones matematicas con ellas. 




Observa las 
instrucciones 
que presentan 
los botones. 
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Este bloque presenta instrucciones que permiten almacenar 
valores para luego utilizarlos durante la programacion. Tambien se 
puede utilizar como un contador. 



r l fijar varl | a Q cambiar uarl | por Q 



strar variable u a rl 



rider variable uarl 



anade IBS! a var2 borrar |B de y a 



le uar2 | 



ertar EH en ^' 



remplazar objeto fQ de _uar2_J con Effl longitud de uar 



ntiene B; 



IMPORTANTE 



I 



Las instrucciones que est an dentro del bloque 
Operadores no generan por si solas una programacion, 
puesto que es necesario insertar otras instrucciones 
previamente. 



Ahora, observemos una animacion en 
la que se ha tomando en cuenta los 
comandos de instrucciones de los 
botones: Operadores y Variables 
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JI5 






^ -O que hace el 
programa es elegir 
dos numeros al azar, 
sumarlos y el 
resultado aparecera 
en la pantalla. Para 
ello, se debe crear un 
escenario para cada 
resultado. 



En este caso, se fijo numeros 
al azar entre el 1 y el 5, es 
por ello que los resultados 
variaran entre el 2 y el 10. 
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cambiar el fondo a 


fondol 
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3.2. Conociendo programaciones de 
juegos animados 



Scratch presenta variedad de 
programaciones de juegos. Ingresemos a 
Pong para observar como es que se 
trabaja en este tipo de animaciones 




□ 



Haz die sobre Archivo y elige la opcion Abrir. 




Archivo| Editar Compa rtir 
Nuevc^^^^^ 

Abrir -' 
Guardar 
Guardar como. 



Importar Proyecto. . . 

Exporta r Qbjeto. , ■ 

Notas Sobre el Pr oyecto. 
Abandonar 
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Aparecera una ventana 
como esta y elige la 
carpeta Ejemplos. Luego 
selecciona la opcion 
Projects y haz die sobre la 
carpeta Games. 




Ejemplos 



D Music and Dance 
Names 
Sensors and Motors 
Simulations 
Speak Up 
Stories 



Acerca de este proyecto 



Aceptar 



Abrir Proyecto 



Computador 

& 

JOSE 

5 
Escritorio 

m 

Ejemplos 

5 

Mis Proyectos 



Q 1 GuessingGame 

Q 2PacMan 

Q 3 FishChomp 

0 5 MarbleRacer 

□ 6 FruitcraftRPG 

Q 7Bug0nAPlate 

Q 8 ScrollingDemo 



Autor del proyecto: 

SampleProjectsTeam 

Acerca de este proyecto 

A simple pong game 
INSTRUCTIONS 

*Move mouse to control paddle 
♦Don't let the ball fall into the 
lava 

HOW I MADE THIS 



Aceptar Icancelar 



Observaras diferentes 
opciones de 
proyectos. Selecciona 
la opcion Pong. 




Finalmente observaras 
la siguiente pantalla. 
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<LCuales son los objetos que participan en este juego? 



<iQue sucede cuando ball toca la Imea roja? 



<LQue debemos hacer para que ball no toque esta linea? 
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r 
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Cambia la instruccion del 
objeto paddle. Ahora, deberas 
moverlo con ayuda de las 
teclas direccionales. 



kl presionar 
or siempre 

rebotar si esta tocando un borde 
mover Q pasos 



IP 


ttecla flecha derecha |presionada? 








mover pasos 






pasos 















^^tecla flecha izquierd 
mover pasos 
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> Ingresa las siguientes instrucciones dentro de 
programacion del juego Pong. Observa como debe quedar la 
trogramacion. 



Programacion actual del objeto ball. 





[5k« 




Debes crear el objeto carita feliz con la 
siguiente programacion. 



al presionar al recibir 1 

esconder mostrar 

detener todo 



Luego contesta la siguiente pregunta: 



> <LQue sucede cuando la pelota toca al objeto paddle 5 veces? 
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I 3.3. Programando juegos 





Aprendamos la 
tab la del 5 



ENTRAR 





□ 




5x6 = 



5x7 = 



5x8 = 



5x9 = 



5x10 = 
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Ahora, veamos como se realizo 

este juego. Observa la 
programacion de los objetos y 
escenario. 




Primero debemos insertar los objetos de fondo y 
elaborar su programacion. 



Aqui, el fondo inicial interactuara con el 
del juego. Este cambiara al recibir la 
palabra cambio. 



5x1 = 


5x6 = 


5x2 = 


5x7 = 


5x3 = 


5x8 = 


5x4 = 


5x9 = 


5x5 = 


5x10 = 



El titulo 
desaparecera al 
recibir la palabra 

cambio. 



ENTRAR 




El juego iniciara al pasar el mouse sobre 
el recuadro entrar. 



al presio 
cambiar el fondo a fondo 2 



al recibir cambio | 
cambiar el fondo a ton do 3 




Aprendamos la 
tabla del 5 
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r 



Aqui estamos haciendo 
interactuar al objeto recuadro 
con su disfraz valor. El 
recuadro inicial aparece en 
bianco, pero al pasar el 
mouse sobre el, te preguntara 
el valor de la operacion. Si el 
valor que ingresas es el 
correcto, se visualizara el 

valor respectivo en el 
recuadro; caso contrario, 
aparecera el mensaje: "Sigue 




77 



InfoQ&B J 1 5 




IBBW3HB por Q segundos 



decir EflfllHHflffil^WEI por Q segundos 
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tCuanto aprendi? 




♦ Responde las siguienes preguntas: 



1. <LCual de los botones permite ingresar cronometro a nuestro 
juego? Escribe su nombre dentro del recuadro. 



2. <LEn que boton encontramos la opcion para cambiar el uso 
del mouse por las teclas direccionales? Encierra con un 
circulo. 



Lapiz 



Sensores 



□peradores 



3. Elabora un juego relacionado con el area de Ciencia y 
Ambiente. 




^ que corresponden 
1 .;• al siguiente ecosistema. 

.»' Correctas= 20pt^s. 
: V«tncorrectas= -%ptos. 
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Trabajando nuestro proyecto: 

A \Jugando con nuestra historia'' 

Realicemos un juego utilizando los botones de programacion e 
integrando nuestros conocimientos acerca de la historia del 
Peru. Para ello, debemos trabajar en parejas. 




Desarrollo del proyecto 

Realicemos nuestro proyecto tomando en cuenta: 

• Los objetos y escenarios deben tener relacion con una 
parte de la historia del Peru, asi como tambien las 
actividades del juego. 

• Los objetos, escenarios y boton de entrada deben tener 
una programacion propia. 
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Trabajando nuestro proyecto: 




Observa este modelo 
de juego. Esta es la 
programacion del 
juego. Solo faltana 
la programacion del 
escenario y del 
boton Inicio. 




Evaluacion del proyecto 

Ahora que ya terminaste de elaborar nuestro juego 
denominado "Jugando con nuestra historia", responde la 
siguiente pregunta: 



cTe resulto facil o dificil hacerlo? cPor que? 
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MODULO — 1 



4 



Comunicandome 
mediante la 
computadora 



Objetivos: 

> Descargar documentos 
formato texto y HTML. 

♦ Descargar imageries en formatos 
GIF y JPEG. 

♦ Descargar y usaremos el 
compresor Winzip. 

♦ Editar imageries con Picnik. 




am a& 
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4.1. Como descargar documentos: 
formato de texto o formato HTML 





Download es la expresion 
utilizada para describir el 
proceso de descarga de un 
archive* desde internet hacia el 
disco duro de nuestra 
computadora. 



Cuando uno descarga un 
archivo (documento, imagen 
o programa) de 

internet, se dice que lo esta 
"bajando". 




♦ Descarga el programa Acrobat Reader desde la siguiente direccion: 
http://www.adobe.com/support/downloads/main.html 

<LCual es el tamano del archivo que has bajado? 
<LMediste el tiempo para esta actividad? 



Conversa con tu profesor acerca de algun programa similar 
que quisieras "bajar" e intentalo. 



j 
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4.2. Como guardar paginas web 





"a demo IntercuLturaL - Mozilla Fi ref t> 




r 



nzar a usar FireF... 



Cuaderno Intercultural 



C u a d e r 
Intercultura 

Re curs os para la inter cultural id ad y li? 
educacion intercultural 
Inicio Mapa del sitio Modo de empleo Orientacion docenti 
Barreras lingufsticas Herramientas TIC Revistas Enlac 





Despliega el 
menu ARCHIVO 
y luego escoge 

GUARDAR 
COMO. 



Editar Ver Historial Marcadores Herrannienb 

Nueva ventana Ctrl+N 

Nueva pestana Ctrl+T 

Abrir direction... Ctrl+L 

Abrir archive.. . Ctrl+O 

Cerrar ventana Ctrl+Mayus.+W 

Cerrar pestana Ctrl+W 



http://www.cuadernointercultural.corn 

Ultimas noticias Hotmail gratuito 
[lade... |J 



Enviar pagina... 

Configyrar pagina... 
Vista preliminar 
Imprimir... Ctrl+P 

Irnportar... 

Trabaiar sin conexioi 
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Ingresa a alguna pagina web 
que conozcas y grabala en el 
disco C, en una carpeta que 
hayas creado previamente. 



1. Realize* lo siguiente: 



2 .Luego 
aparecerd esta 
ventana: 
GUARDANDO 




3. Recuerda guardar el documento con formato HTML. 





) Archivo Edicion Ver Ira Favoritos Ayuda 


Atras Adelante Arriba 


Cortar Copiar Pegar 


J Direction |l_J C:\Mis trabajos 


□ 

Mis trabajos 


□ e 

Welcome to ; Welcome to 
CartoonN et wori CartoonN et w. . . 
k_com!_archiv| 


Seleccione un elemento para ver 
su description. 


OS 



iListo! Asi como se ve en el grafico, aparecera el sitio web que 
grabaste: la pagina web principal y una carpeta que, generalmente, 
contiene las imagenes. 




10 



1 IMPORTANTE 



Recuerda que el lenguaje utilizado, comunmente, para 
crear paginas web es el HTML 
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dComo guardo un documento 
en formato de texto? 




Guardar pagina Web 



Es similar a guardar 
una pagina web, solo 
que debes seleccionar 
como tipo de 
documento Archivo 
de texto. 



Guardar en: t3 Mis trabajos 



2] Welcome to CartoonNetworl 



Guardar como 
archives de tipo: 

Codification: 




Nombre de archivo: Welcome to CartoonNetwork com! 




Recuerda que para visualizar un archivo de texto puedes 
utilizar cualquiera de los editores o procesadores de texto 
conocidos, como el Notepad (Bloc de Notas), Microsoft 
Word, WordPadf Open Office.org Writer, etc. 
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Formato HTML 



Formato de TEXTO 



Investiga y escribe en que consisten las otras dos opciones de 
guardar un documento de internet 

>agina web, solo HTML. 
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4.3. Descargar imagenes en GIF Y JPEG 






La Wflh Imagur*™ 



m: 



Google 



imagenes %^ 7 

futbol p eruano 



Proprarnaa de pUbliddad - Saltic-ongs Empreaariflles - Todo ac^rc-a de Google 



En internet encontraras todo tipo de imagenes para descargar, sin 
embargo, si vas a utilizarlas para un trabajo, no olvides citar la 
fuente. 

Los dos formatos que prevalecen en internet son el JPEG y GIF. El 
primero es un formato perfecto para fotos y el segundo para 
imagenes que utilicen pocos colores. Ambos formatos son los 
preferidos, pues mantienen una optima calidad de las imagenes y no 
ocupan mucho espacio. 



El formato GIF se utiliza 
para imagenes que no usan 
muchos colores, tales como 
f iguras y letras. 
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7 Resultados de la Busqueda de imagenes de Google de http://bibliotecadigital.ilce.edu.mx/sites/educa/libros/de... Ljfpj^ 



Archivo Editar Ver Historial Marcadores Herramientas Ayyda 



0 



C JL '1 http ! //www . google . com . pe/imgres?imgurl=http ; //bibliotecadigital , ilce , edu . m j - «•'§- 



3 



I Al Mas visitados l] Comenzar a usar Firef... i Ultimas noticias Galena de Web Slice |_] Hotmail gratuito [J] Sitios sugeridos 
»*f Resultados de la Busqueda de image... 




En algunos casos, este metodo no va a funcionar debido a que las 
imagenes estan protegidas. Si sucediera eso, recuerda que siempre 
podras capturar la pantalla de la siguiente manera: 



❖ Presiona el boton Impr Pant (si no lo encuentras, consulta 
a tu profesor). 

❖ Abre el programa Microsoft Paint. 

❖ Escoge la opcion Edicion / Pegar. 

❖ Una vez que pegues la pantalla que has capturado en 
Microsoft Paint, recorta la imagen deseada. 

❖ Luego guardala utilizando Archivo / Guardar como. 



En este caso, estamos guardando una imagen del tipo GIF. 
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El formato GIF permite, entre otras cosas, realizar dibujos con fondos 
transparentes o crear imageries animadas (los famosos "gif 
animados"). Puedes encontrar algunas animaciones en 
http://www.gifmania.com. 




Ahora, vamos a grabar una imagen JPEG. 



K^fl ^ h ttp : w w ■ yzc q Iff , c 0 rn , pe J 1 m a ries !ti I - e-^i 0 ce- mch p &b 

Mas vistados Gonwnzv 1 unr Ffrrf . ., Gtinw notioas > 1 Hotmad gratuto 

I 13 Hotawl ■ ahMandw dtr an_fll$hotaMi,... _■ | ff| fmtwriperuano ■ Bustar con Google P | 
La 'JVeb Uri^genes Videos Noticias Libras "TYaductof Gmail Mas t 



Googfc 



if Todo 



T Mas 



Grande 
TVu :i .11 . 



futbol peruano 


Buscar 


.ilwosiTifldamenle 172, DM 




reELJtodbi (Q 07 sejjndcu) 


1 












El formato JPEG se 
utiliza normalmente 
para imdgenes que usan 
millones de colores, 
tales como las f otos. 



Para guardar una imagen (ya 
sea GIF o JPEG) ubicate 
sobre la f igura deseada, 
luego haz die con el boton 
secundario del mouse. 



No olvides verificar que estas guardando la imagen en formato JPEG. 




El JPEG, a diferencia del formato GIF, ocupa mucho mas 

espacio. 
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J Archivo Edition Vet li a 


Favoritos 


Ayuda 






<■.■►. 

| Atras Adelante 




X 

Cortar 


m a 1 

Copiar Pegar 


Deshacer El 


Direction |_| CAM is trabaps ^^0^^^ 


_l 

Mis trabajos 




a 

Welcome to 
CartoonNetw.. 


e m 

Welcome to Welcoml 
CattoonNetw ... CartoonNel 


r JO 

D topimagefi^V 


Seleccione un elemento para 
su description. 












J Archivo Edition Ver 


Ir a Favoritos 


Ayuda 






4- . * 

Atras Adelante 


„ Si 
Arriba 


SC 

Cortar 


Copiar Pegar 


Des 


Direction |_J CAM is trabajos 



Formato JPEG 



2J © 



Welcome to Welcome to Welcome to topima! 
CartoonNetw LartoonHetvv CartoonNetw 



Si deseas ver las propiedades de cada imagen, haz die con el boton 
secundario del mouse en el archivo descargado, escoge la opcion 
Propiedades, alii veras el nombre, tipo y tamano del archivo 
seleccionado. Los programas mas comunes para visualizar imagenes 
son Paint e Imaging. Ambos vienen en Accesorios de Windows. 
En caso estes trabajando con Linux, entonces podras elegir el 
programa Tux Paint. 




■uarda una imagen en formato JPEG. Anota el tamano del 
archivo. Luego, guardala en GIF, realiza lo mismo y compara. 
<LQue diferencias existen?. Haz esta actividad primero con una 
foto y luego con una imagen que no tenga tantos colores (un 
dibujo] 
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4.4. Descargar y usar el compresor 
WinZip 



Los compresores te permitiran agrupar uno o mas archivos en uno 
solo de manera "comprimida" (con menor tamano). Uno de los mas 
populares es el WinZip, el cual puedes descargar desde la direccion: 
http://www.winzip.com. 




No olvides seguir cuidadosamente las indicaciones que se muestran 
en la pagina de WinZip. Prueba WinZip 14.5 significa que puedes 
descargar este programa para evaluarlo y decidir su compra en un 
futuro. 

De acuerdo a esto, <Lque clase de programa seria WinZip? {.Freeware 
o shareware? 



Abriendo winzip145.exe 



Ha escogido abrir 
3 winzipl45.ene 

que es de tipo: Binary File 

de : http : //sof tware-f iles-l . cnet , com 

He gustaria guardar este archive? 

Guardar archive l I Cancelar 
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Lo que estas haciendo en esta parte es guardar el 
programa WinZip para luego proceder a instalarlo. 



Una ventana similar a la 
mostrada (con la barra azul 
completa) indica que la 
descarga ha concluido. 






H-^l Descarga completa 




Guardado: 




winzip81.exe de ftpx.download.com 




Descargado: 1 .80 MB en 1 1 min. 40 seg. 




Descargar a: C:\Mis trabajos\winzip81 exe 




Tasa de transferencia: 2.G2 KB/Seg 




I - Cerrar el dialogo al terminar la descarga ■ 




Abrir Abrir carpeta 


Cerrar | 





Luego, para instalar el programa, 
simplemente haz doble die sobre el 
archivo que has descargado y sigue las 
indicaciones dadas. 



Es importante que sepas de antemano en donde has guardado el 
programa. Una vez que lo localices, haz doble die sobre el. La 
instalacion del WinZip es bastante sencilla y rapida, y el programa te 
ofrece una guia a lo largo de esta. 

Si deseas comprimir varios archivos a la vez con el WinZip, 
seleccionalos tal como se muestra en la figura: 
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ft Mis trabajos 


Archive Edicion Ver Ira 


Favorites 


Ayuda 












Hi 










X I 


Atras Adelante 


Arriba 


Cortar 


Copiar 


Pegar 


Deshacer 


Eliminar Propiedades 



Direccion Q C:\Mis trabajos 



□ 

Mis trabajos 



4 elernentos seleccionados. 

Tarnano total del archivo: 
63,882 bytes 

Welcome to 

C a rtnnn Network mml archives 



Welcome to j Welcome to Welcome to |topimagefi 
CartoonNetworj CartoonNetw... CartoonNetw... 
k com! archivi 



Para seleccionar varios archivos a la vez, haz die con el boton 
principal del mouse y arrastralo sobre todos los archivos. 



'< Mis trabajos 



J Archivo Edicion Ver Ira Favorites Ayuda 



Atras 


. 4 . 

Adelante 


da 

Arriba 


Cortar 


Copiar 


Pegar 


Deshacer 


Eliminar Propiedades 


Vistas 


J Direccion 


% C:\Mis trabajos 

















□ a i 




Crear acceso directo 
Eliminar 

Cambiar nombre 



5 AddtoMistrabajos.zip 

Add to recently used Zip file ► 
ZipandE-MailMistrabajos.zip 
c| Zip and E-Mail Plus... 
Configure 
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Add to zip significa "agregar los archivos seleccionados a un archivo 
comprimido ZIP". 

Ahora escribe un nombre para el archivo comprimido al final de la 
ruta mostrada: 



Add 


HE 


Arlrlinn 4 filss 


^ Add 




Action: 



| Add (and replace) files 
Compression: 



3 



| Normal 

Multiple disk spanning: 



I (removable media only) 



"3 



Options 
r Save fi 
V Store fi 

Attributes 



Save full path info 
Store filenames in 8.3 format 



V Include only if archive attribute is set 

V Reset archive attribute 

W Include system and hidden files 



Es necesario colocar un nombre al nuevo archivo creado (ZIP) en la 
parte indicada en la figura. 



IMPORTANTE 



Te recomendamos que los nombres que pongas a tus 
archivos no tengan caracteres especiales como "n", 
vocales con tildes o comas. 



Finalmente, el archivo comprimido creado aparecera en la carpeta 
seleccionada. 
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Haz die con el boton secundario del mouse sobre el archivo 
comprimido (ZIP) para que veas el tamano que tiene. Comparalo con 
los archivos y carpetas que has comprimido. Nota que el archivo ZIP 
ha reducido el tamano de todos los archivos. 



Si deseas descomprimir un archivo ZIP, selecciona el archivo 
deseado, luego haz die con el boton derecho del mouse y escoge la 
opcion Extract to: 



w 1 Mis trabajos 


| Archivo Edicion Ver lr a 


Favoritos 


Ayuda 










Atras Adelante 


Arriba 


Cortar 


Copiar 


Pegar 


Deshacer 


Eliminar Propie 


J Direccion |Q] C:\Mis trabajos ^^ m ^ 



Mis trabajos 



Welcome to Welcome to Welcome to topimagefull 
CartoonNetw... CartoonNetw... CartoonNetw... 






Adelante 


Arriba 


" * 4 *i a a 

Cortar Copiar Pegar Deshacer ' Eliminar Propiedades | 


IS H 

Vistas 


:ion 


Q C:\Mis trabajos 











is trabajos 



Welcome to Welcome to Welcome to topimagefull 
CartoonNetw... CartoonNetw... CartoonNetw... 



genes. zip 

Zip File 

ificado: 

.2/03 08:15 p.m. 
lano: 242 KB 
i/Folders in Zip file: 94 



Open with WinZip 

Imprimir 

E-mail with Yahoo! 



Ewplorar con PER Antivirus 



Extract to... 
Extract to here 


c| WinZip ► 


Enviar a ► 


Rj) Extract to folder C:\Mis trabajos\imagenes 


Extract to folder ► 
E-Mail imagenes.zip 
Create S elf-E xtractor (. E xe] 
Configure 


Cortar 
Copiar 


Crear acceso directo 
Eliminar 

Cambiar nombre 




Propiedades 



Extract to indica que deseas extraer (sacar) el archivo que estaba 
comprimido hacia una ubicacion (un dispositivo de almacenamiento o 
disco duro). 
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Activida< 



1. Define con tus propias palabras que es un compresor y 
cual es su utilidad. 




2.1nvestiga y menciona otros tres compresores 












3. dCual es la diferencia entre freeware y sharex 
Propon dos ejemplos de cada uno. 



97 



InfoQ&B J 1 5 



4.5.Edicion de imagenes con iPiccy 




dAlguna vez, luego de tomar una 
foto, has querido cambiar algo de 
ella? 

En esta seccion, aprenderas a 
utilizar un editor que te permitira 
hacer modificaciones a tus fotos, al 
cual podras acceder cuantas veces 
quieras, siempre y cuando tengas 
conexion a internet. 



Picnik es un editor que te permitira hacer modificaciones a tus fotos, 
usando herramientas especializadas. 



Ingresa a la pagina: http://ipiccy.com 



iPiccy - Editor de fotos en I 

CO ipiccy.com 

Galena de Web Slice Sitios sugeridos 'J Google 



iPiccy 



Editor de fotos en linea innovador 

iPiccy Tiene su foto impresionante con facilidad a muchos a utilizar las herramientas de fotos. Edicion de imagenes, aplicar efectos de hermosas fotos, 
anadir texto e incluso la pintura' Disfrute de fotos gratuito de edicion en linea y mostrar su creatividad con el editor de iPiccy? 




Start Editing! 
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La pagina te mostrara todo lo que puedes hacer con este editor de 
imageries. En tus propias palabras, menciona las tres acciones que 
mas te hayan llamado la atencion que puedas hacer con Picnik, segun 
lo que refiere la pagina de inicio. 



1. 



2. 



3. 



Haz die en Star Editing! para empezar a utilizar el editor de fotos. 
Haz die en Upload photo para empezar a trabajar con alguna de 
tus fotos que tengas guardada. 



, r 

/ M iPicc y ^ 


<~ GO ipiccy.com/editor ft ^ "\ 

Galena de Web Slice Q Sitios sugeridos Google 


Have troubles with new iPiccy? Contact us or return to the old version 


Photo Library 


o n □ ~ s □ * n :c 






f 


^ Upload photo 


0 $ m 


:: m 


Uploaded photos History 


Clear All 


Q Enable Local Storage 

Required for multiple photo uploads, Collages, Blender and p 


hoto restoration 



Ahora busca tu foto en la unidad y carpeta donde la tengas guardada. 
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/ [gj] iPiccy ■ \ _j ♦ A 

^ -> C O ipiccy.com/editor 

Galena de Web Slice H Sitios sugeridos £J Google 



& ^ <\ 



Have troubles with new iPiccy? Contact us or return to the old version 



4> Upload photo 









□■ 





Uploaded photos History 



f Abrlr 

|J4 « 2011 ► Photoshop ► Imageries 



1 4f 1 1 Buscar Imagenes 



Organizar ▼ Nueva carpeta 



^ Favoritos 
% Descargas 
■ Escritorio 
\.\ Sitios recientes 

Bibliotecas 
[j] Documentos 
teal Imagenes 
J) Musica 
H Videos 

Equipo 
4i Disco local (C:) 
u Datos (D:) 



Biblioteca Documentos 

Imagenes 



IMGJ397 IMGJ344 IMGJ343 



IMGJ211 IMGJ316 IMGJ187 IMGJ184 



IMG_0850 IMG_0849 
Nombre: IMG_1173 



Organizar po 


r: Carpeta w 




m 






IMGJ184 


IMGJ173 


IMG_0852 


IMG_0851 



Image files (*.j pcj^ Jpeg;*.png;' 




Una vez que la has seleccionado, haz die en Abrir. 



□ iP^cy • A • • • 

<- GO ipiccy.com/editor 

Galena de Web Slice Q Sitios sugeridos »*| Google 

Photo Library a£ ? ^ 



ft ^ ^ 



2048x15 
Basic 



Fix Image 
's*^^ Resize Image 

Crop Picture 
^ . Rotate 6 Flip 
j^^j Exposure 

Colors 



Hue 6 Saturation 



Sharpen 
Advanced 

I ^ Levels 



Have troubles with new iPiccy? Contact us or return to the old version 

9 q y »>Du«so#ys 
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En la parte superior de la foto vas a ver las opciones que te brinda 
ipiccy y que puedes aplicar a tu foto, dependiendo de lo que desees 
corregir. Y en la parte izquiera estan las opciones de cada Menu. 



Basic 




Fix Image \as 

h— 


_ 


Resize Image 




Crop Picture 


TV 


Rotate & Flip 




Exposure 




Colors 


Q 


Hue St Saturation 




Sharpen 


Advanced 




Levels 



as 



Comenzaremos con la opcion Fix Image 
(corregir imagen) 

Esta funcion permite detectar y corregir errores 
que generalmente hacen referenda al grado de 
luminosidad de la imagen. Al hacer die sobre 
esta opcion, la imagen cambia de aspecto y 
aparece un aviso en la parte superior de la foto 
que dice Fixed Image (Corregido). Observa: 




ANTES 



DESPUES 
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cQue diferencias encuentras entre la foto actual y la foto 
original? Explica tu respuesta. 



En la segunda opcion de Resize Image (Cambiar el tamano de la 
imagen). 



N^I^ Fix Image 



•sfL -. Resize Image 4r&- 






Width (px) 


Height (px) 


[ 2048 ▼] 


< 1536 » 


Width (%) 


Height (%) 


100 - 


< 100 - 


0 Constrain proportions 


Cancel Apply 



^ . Rotate 6 Flip 



Photo Library 




Have troubles with new iPiccy? Contact us or return to the old version 

*£ * m M m y n -:«u 




A 












4r** Ft* Image 
























1829 1 372 » 












w.mniM McigniiM 

9 Constrain proportions 
Cancel Apply 












Crop Plctur* 






















Exposure 





























Width (px) Height (px) 
1829 jrifcx 1372 ▼ 



Esta opcion permite incrementar o reducir el tamabo de la 

msL Resize Image 

imagen. Tambien tenemos los botones: 

- Apply: Permite guardar las modificaciones realizadas. 

- Cancel: Desecha los cambios y vuelve a la pantalla m co^ n proportions 
anterior. 



Can< 



Ahora, activaremos la tercera opcion Crop Picture ( Recortar la 
imagen 




Puedes ajustar el tamano 
ingresando las medidas 
directamente en Actual 
Size (Tamano real) o 
manipulando directamente 
los controladores que han 
aparecido sobre la imagen. 
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Puedes seleccionar en la opcion que aparece en la 
siguiente ventana, para realizar un recorte con un 
tamano establecido. 



. Rotate & Flip 



Straighten: 0 

■ o 1 



Cancel 



Apply 



No Constraints 



No Constraints 



UMtJIIIJI 

Square 
Golden Ratio 
2 x 2.5 
3x5 
L 4x 6 
5x7 
8 x 10 

Facebook Cover 
Twitter Picture 
Flickr Buddy Icon 
YouTube thumbnail 
Xanga Thumbnail 
B logger Photo 
Google Talk 



En la cuarta opcion 
voltear): 



Rotate & Flip (Girar y 



Las opciones de flechas Izquierda o Derecha 

te permiten rotar la foto en la direccion seleccionada. La opcion 
te permite cambiar la posicion de tu foto de acuerdo 



Mover 



con la opcion seleccionada. 
Observa la foto, <ise ha seleccionado Izquierda o Derecha? 
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Si arrastras el controlador 
Straighten (Enderezar), P"^ 
veras que aparecera una 



Exposure 
Exposure: 



V*I> Ftxlnuft 

**su* Intjfe 



cuadncula rectangular sobre la 
foto. Con esta opcion podras 



enderezar tu foto con la ayuda & 
de estas cuadnculas, de manera 
que el proceso sea lo mas 
preciso posible. 




Ahora seleccionaremos 
Exposure(Exposicion) : 



la 



opcion 



Highlights: 



INN 



Shadows: 



Contrast: 



Esta opcion te permite mejorar el grado de 
luminosidad y de sombras que presenta tu 
foto. 



Cancel 



Apply 



1569x1329 px 
Basic 



Resize Image 

Crop Picture 

. Rotate ft Flip 

Exposure 
Exposure: 



Contrast: 



-8- 



Cancel Apply 
W/k Colors 
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Prueba para que sirven las opciones de Saturation (Saturacion) y 
Temperature (Temperatura). Explica brevemente. 
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Ahora, vamos a elegir en el menu principal el icono de Photo Effects 

(Efectos de Fotos) 
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Al elegir esta opcion, observas diferentes tipos de efectos que 
puedes agregar a tu foto, prueba alguno de ellos: 





- 
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Para agregar textos y otras formas a tu imagen elige del menu 
principal la opcion Blender, donde encontraras dos opciones 
importantes: Sticker y Text 



Photo Library ^ ^SJ ^ 






^ Layers [|B photo 


[£? Sticker 


'5T Text 


Shape | 


>h ' n.-i. — j jul oi 







Si eliges la opcion Sticker, podras 
agregar a tu imagen simbolos 
predeterminados del programa 



Para agregar un Sticker, lo unico que 
debes hacer, es hacer die en el 
esticker, luego, puedes moverlo, 
aumentar o reducir su tamano con 
ayuda de los controladores que aparece. 



Geometric 


*<D ♦ # 




□ 00 A 


®©©@ 




@ (§) TM **m 


#■*• 




Basic 






* * > 




> > 


*~ * G> 




« ! Q® 






Speech Bubbles 


<W t J 













Us) 
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Para agregar texto, haz die en la opcion Text y elige el tipo de fuente 
que quieres agregar 



Photo Library 




Courier New 
Times New Roman 
Trebuchet MS 



Kjeedjnjg Cowboys 

Wencesfas 



Una vez que hayas acabado de hacer tus modificaciones y estes 
satisfecho con estas, haz die en Guardar. 





4 








M 






1 1 
-1° 1 

Wb^ — 




j 




[ffl Photo '& 


Sticker 


T Text ^ Shape 







Luego, en la ventana que aparece elegir la opcion Merge 
Layers (Combinar capas) 
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Photo Library 4 )J |^ # J 


□ [ 0 ] D 




1569x1329 px 




File name: 

[IMGJ173 ] .jpg 






File format: Quality: g5% 

JPG (Best for most photos) 






Save Photo! a 

l b 


1:611 Kb 







tal cual estaba en tu 
unidad de disco, haz die 
en Save Photo (Guardar 
foto). 



Escoge la ubicacion donde quieres que este tu foto y haz die en 
Guardar. 



/ LI] iP'ccy x \^ _ 

<- CO ipiccy.com/editor 

Galena de Web Slice ^ Sitios sugeridos ^Google 



Photo Library 



File name: 



File form; 



JPG (Best for 



Have troubles with new iPiccy? Contact us or return to the old version 

i .> n n i* ffi 



^ Guardar como 



1» 



► Bibliotecas ► Imageries ► 



▼ \4f M Buscor Imageries 



Organizar ▼ Nueva carpeta 



Yo 

Fli 



R Favoritos 
£ Descargas 
H Escritorio 
V; Sitios recientes 

Bibliotecas 
[3 Documentos 
H Imageries 

Musica 
H Videos 

;■■ Equipo 



Biblioteca Imagenes 

Incluye: 2 ubicaciones 



Organizar por: Carpeta » 



81 *■ ^ aj E 



Photoshop NVIDIA Imagenes sds asas wqq 

Corporatio de muestra 



m m 



sww sw 



HI 536111_420 firma Inge 

6577646320 
43J797073 



Nombre: Loros 
TiporT 



Ocultar carpetas 




IMPORTANTE 



Ipiccy te brinda muchas otras opciones. Ahora que 
conoces la pagina y su entorno, investiga que otros 
tipos de modificaciones puedes realizar a tus fotos. 
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tCuanto aprendi? 



1. Relaciona los siguientes terminos con las expresiones 
correspondientes: 




:: 



DOWNLOAD 



FORMATO PARA IMAGENES SIN 
MUCHOS COLORES 



HTML 



EDITOR DE TEXTO 



NOTEPAD 



FORMATO PERFECTO PARA FOTOS 



JPEG 



PAGINA WEB 



WINZIP 



DESCARGA UN ARCHIVO 



GIF 



COMPRESOR QUE PERMITE 
AGRUPAR ARCHIVOS 



2. Investiga y describe las caractensticas de cinco formatos de 
imagen (por ejemplo, JPEG y GIF). 
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3. Crea una carpeta con tu nombre en la unidad C y guarda 
una foto que tengas y desees hacerle alguna modificacion. 
iQue modificaciones deseanas realizarle? 



4- Abre la pagina web de ipiccy y realiza algunas o todas las 
modificaciones descritas anteriormente a la foto que has 
guardado. 

4- Luego deberas exponer ante tus companeros la foto 
original y la que has modificado en ipiccy. 



4- Describe los cambios realizados. 
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